@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
 
 SHARP Web Manual
 browser用

 コンテンツ内、レイアウト用
 
 	0.all
	1.column
	2.table
	3.layout
		items
		text(n)
		stepText
		pc
		finding	
	4.supplementation
	5.images
	6.list
	7.tooltip
 
//////////////////////////////////////////////////////////////*/

/*##########################################

 0.all

##########################################*/

*{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:18px; /* regular font size */

}

a {
	color:#ffffff;
	text-decoration: underline;
	margin:0px;
}

/*##########################################

 1.column

##########################################*/

.inBlockLeft {
	float:left;
	width:365px;
	padding:10px 10px 0px 10px;
	color:#ffffff;
	line-height:140%;
}

.inBlockRight {
	float:left;
	width:365px;
	padding:10px 10px 0px 10px;
	color:#ffffff;
	line-height:140%;
}

.inBlockCenter {
	padding:10px 10px 0px 10px;
	color:#ffffff;
}


/*##########################################

 2.table

##########################################*/

table.type1,table.type2,table.type3,table.type4,table.type5,table.type6,table.type7,table.type8,table.type9,table.type10,table.type11,table.type12,table.type13,table.type14,table.type15,table.type16,table.type17,table.type18,table.type19,table.type20  {
	margin:10px 0px 10px 0px;
	padding:0px;
	border-collapse:collapse;
	width:100%;
	*width:97%;
	color:#ffffff;
}

table.type1 th,table.type2 th,table.type3 th,table.type4 th,table.type5 th,table.type6 th,table.type7 th,table.type8 th,table.type9 th,table.type10 th,table.type11 th,table.type12 th,table.type13 th,table.type14 th,table.type15 th,table.type16 th,table.type17,table.type18,table.type19 th,table.type20 th  {
	padding:4px;
	text-align:left;
	vertical-align:top;
	color:#3366CC;
	background-color:#99CCFF;
	border:1px solid #ffffff;
	line-height:140%;
}

table.type1 th sup,table.type2 th sup,table.type3 th sup,table.type4 th sup,table.type5 th sup,table.type6 th sup,table.type7 th sup,table.type8 th sup,table.type9 th sup,table.type10 th sup,table.type11 th sup,table.type12 th sup,table.type13 th sup,table.type14 th sup,table.type15 th sup,table.type16 th sup,table.type17,table.type18 th sup,table.type19 th sup ,table.type20 th sup {
	color:#000099;
}

table.type1 td,table.type2 td,table.type3 td,table.type4 td,table.type5 td,table.type6 td,table.type7 td,table.type8 td,table.type9 td,table.type10 td,table.type11 td,table.type12 td,table.type13 td,table.type14 td,table.type15 td,table.type16 td,table.type17,table.type18,table.type19 td,table.type20 td {
	padding:4px;
	border:1px solid #ffffff;
	line-height:140%;
}
/*----------------------
type1
[th][th]
[td][td]
----------------------*/
table.type1 th {width:50%;}
table.type1 td {width:50%;}

/*----------------------
type2
[th][td]
[th][td]
----------------------*/
table.type2 th {width:25%;}
table.type2 td {width:75%;}

/*----------------------
type3
[th][td]
[th][td]
----------------------*/
table.type3 th {width:15%;}
table.type3 td {width:35%;}

/*----------------------
type4
[th][th][th]
[td][td][td]
----------------------*/
table.type4 th {width:33%;}
table.type4 td {width:33%;}

/*----------------------
type5
[th][th][th][th][th]
[td][td][td][td][td]
----------------------*/
table.type5 th {width:20%;}
table.type5 td {width:20%;}

/*----------------------
type6
[th][th][th][th]
[td][td][td][td]
----------------------*/
table.type6 th {width:25%;}
table.type6 td {width:25%;}

/*----------------------
type7
[td]
----------------------*/
table.type7 th {width:30%;}
table.type7 td {width:70%;}

/*----------------------
type8
[th][td]
[th][td]
----------------------*/
table.type8 th {width:25%;}
table.type8 td {width:75%;}

/*----------------------
type9
[th][th][th]
[td][td][td]
----------------------*/
table.type9 th {width:33%;}
table.type9 td {width:33%;}

/*----------------------
type10
[th][th][th][th][th][th]
[td][td][td][td][td][td]
----------------------*/
table.type10 th {width:16.6%;}
table.type10 td {width:16.6%;}

/*----------------------
type11・・2列で列幅はHTMLで設定
[th][th]
[td][td]
----------------------*/
table.type11 th {}
table.type11 td {}


/*----------------------
type12・・3列で列幅はHTMLで設定
[th][th][th]
[td][td][td]
----------------------*/
table.type12 th {}
table.type12 td {}

/*----------------------
type13・・4列で列幅はHTMLで設定
[th][th][th][th]
[td][td][td][td]
----------------------*/
table.type13 th {}
table.type13 td {}

/*----------------------
type14
[th][th][th]
[td][td][td]
----------------------*/
table.type14 th {width:33%;}
table.type14 td {width:33%;vertical-align:top;}
table.type14 td li.item {
	line-height:120%;
	margin:-8px 0px -8px 0px;
}
table.type14 td li.noStyle {
	line-height:120%;
	margin:-8px 0px -8px 0px;
}
/*----------------------
type15
幅：自動
タイトル水平位置：center
本文垂直位置：TOP
----------------------*/
table.type15 th {
	text-align:center;
	vertical-align:middle;
	/* width:auto;*/

}
table.type15 td {
	vertical-align:top;
	/* width:auto;*/
}

/*----------------------
type16
画面配置用、線幅0
----------------------*/
table.type16 {
	margin:0px 0px 0px 0px;
	padding:-4px;

}

table.type16 th {
	width:auto;
	border:0px;
	padding:0px;

}
table.type16 td {
	border:0px;
	vertical-align:top;
	width:auto;
	padding:0px;
	font-size:18px;

}

/*----------------------
type17
幅：自動
タイトル水平位置：center
本文垂直位置：center
----------------------*/
table.type17 th {
	text-align:center;
	width:auto;

}
table.type17 td {
	vertical-align:center;
	width:auto;
}

/* tableの中のリンク */
table a {
	font-size:18px;
}

/*----------------------
type18・・2列で列幅はHTMLで設定
フォントサイズ小さく
[th][th]
[td][td]
----------------------*/
table.type18 th {font-size:14px;}
table.type18 td {font-size:14px;}


/*----------------------
type19
画面配置用、線幅0 
垂直位置:middle
----------------------*/
table.type19 {
	margin:0px 0px 0px 0px;
	padding:-4px;

}

table.type19 th {
	vertical-align:Top;
	width:auto;
	border:0px;
	padding:0px;

}
table.type19 td {
	border:0px;
	text-align:center;
	vertical-align:middle;
	width:auto;
	padding:0px;
	font-size:18px;

}
/*----------------------
type20
[th][th][th][th][th][th]
[td][td][td][td][td][td]
----------------------*/
table.type20 th {}
table.type20 td {}


/*----------------------
indent
マークに続くテキストのインデントを揃えるためだけのテーブル
----------------------*/

table.indent, table.indent th,table.indent td{
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#0078b7;
	color:#ffffff;
	vertical-align:top;
	border:0px solid #ffffff;
}
table.indent th {
	padding:2px 0px 0px 0px;

}




/*##########################################

 3.layout

##########################################*/

.contentsArea {
	padding:100px 15px 120px 20px;
}

.boxclass {
	line-height:150%;
}

.usecaseText,.limitMemo, .useText, .PLCaution, .sentense {
	border:solid 1px #ffffff;
	padding:10px;
	color:#ffffff;
	font-size:18px;
	margin:0px 0px 10px 0px;
	line-height:140%;
}

.os {
	border:solid 1px #ffffff;
	padding:10px;
	color:#ffffff;
	font-size:18px;
	margin:0px 0px 10px 0px;
	line-height:140%;
}

/*　リード文　*/
.leadText{
	padding:0px;
	color:#ffffff;
	font-size:18px;
	margin:20px 0px 10px 0px;
	line-height:140%;
}


span#test {
	margin-top:-20px;
}


/* 手順数が2桁の場合 */
.twoDigits {
	text-indent: -33px !important;
	padding:10px 10px 10px 42px !important;
}


/*----------------------------

 箇条書き設定

-----------------------------*/



/* 項目用（ボールド）*/
li.item {
	font-weight:bold;
	padding:10px 0px 10px 0px;
	/*margin:-10px 0px -10px 0px;*/
}

/* 説明文 */
li.noStyle {
	list-style-type: none;
	padding:10px 0px 10px 0px;
	/*margin:-10px 0px -10px 0px;*/
}



/* 親の説明文（旧） */
ul.noStyle li{
	list-style-type: none;
}


/* 子 */
ul ul li{
	/*margin-left:20px;*/
	list-style-type: circle;
}
/* 子の説明文 */
ul ul.noStyle li{
	/*margin-left:20px;*/
	list-style-type: none;
}

/* 孫 */
ul ul ul li{
	/* margin-left:25px;*/
	list-style-image: url(../images/ic-item2.gif);
}
/* 孫の説明文 */
ul ul ul.noStyle li{
	/* margin-left:25px;*/
	list-style-type: none;
}


/*----------------------------

 text(n)

-----------------------------*/

#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,
#text11,#text12,#text13,#text14,#text15,#text16,#text17,#text18,#text19,#text20,
#text21,#text22,#text23,#text24,#text25,#text26,#text27,#text28,#text29,#text30,
#text31,#text32,#text33,#text34,#text35,#text36,#text37,#text38,#text39,#text40,
#text41,#text42,#text43,#text44,#text45,#text46,#text47,#text48,#text49,#text50,
#text51,#text52,#text53,#text54,#text55,#text56,#text57,#text58,#text59,#text60 {
	line-height:140%;
	font-size:18px;
	color:#fff;
	margin:0px 0px 10px 0px;
}

/*----------------------------

 stepText

-----------------------------*/

img#step {
 	margin-left:-25px;
 	margin-top:10px;
	position:relative;
	top:10px;

	*margin-left:-5px;
	*margin-top:0px;
	*position:static;
	*top:10px;
	
	_top:0px;
}

.stepText {
	padding:0px 0px 0px 30px;
	font-size:22px;
	text-indent: -25px;
	line-height:140%;
	font-weight:bold;

	*margin-top:20px;
	*text-indent: -35px;
	
	_padding:0px 0px 0px 30px;
}

.stepText em {
	font-weight:bold;
	font-size:21px;
}

.stepSubtext {
	font-size:18px;
	line-height:140%;
	padding:5px 0px 10px 10px;
	margin-left:20px;
	margin-bottom:0px;
}

.stepSubtext ul{
	margin-left:-18px;
	*margin-left:18px;
	margin-bottom:0px;
}

.stepSubtext ul li{
	margin-top:5px;
}

.stepEmphasis{
	font-weight:bold;
}

/*----------------------------

 pc

-----------------------------*/

/* PCのみ表示 */
/*コメント化-----
.pc {
	color:#ffe2a9;
}

.pc .sentences ul li a{
	color:#ffe2a9;
}

.pc .stepSubtext{
	color:#ffe2a9;
}

.pc .supplementationGear{
	color:#ffe2a9;
}

.pc .supplementationPen{
	color:#ffe2a9;
}

.pc .supplementationTurn{
	color:#ffe2a9;
}
-----コメント化*/

.shortcutList {
	font-size:24px;
	margin-top:0px;
}

/*----------------------------

 finding

-----------------------------*/

.finding1 {
	font-weight:bold;
	font-size:26px;
	color:#ffffff;
	padding:10px 0px 10px 0px;
	margin:10px 0px -8px 0px;
	line-height:120%;
}

.finding2 {
	font-weight:bold;
	font-size:24px;
	color:#fff;
	margin:15px 0px 10px 0px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color:#fff;
	border-width:0px 0px 1px 15px;
/*	padding:0px 0px 10px 0px; */
/*	background-color: white; */
	padding: 4px;
	line-height:120%;
}

.finding3 {
	font-weight:bold;
	font-size:22px;
	color:#ffffff;
	border-left-style: solid;
	border-color:#ff0;
	border-width:0px 0px 1px 10px;
	margin:10px 0px 10px 0px;
	padding: 4px;
	line-height:120%;
}

.finding4 {
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	margin:10px 0px 7px 0px;
}

/*囲み線*/
span.borderLine {
	border:solid 1px red;
	position: static !important;
}

/*################################

 4.supplementation

################################*/

/*** 歯車、リターンの基本設定 ***/
.supplementationGear,.supplementationTurn {
	color:#fff;
	border:solid 1px #ffffff;
	padding:10px 10px 10px 50px;
	margin:15px 0px 15px 0px;
}

.supplementationTurn {
	background:url('../images/ic_Cancel.gif') no-repeat;
	background-position:5px 6px;	
	margin-left:30px;
	line-height:140%;
}


.supplementationGear {
	background:url('../images/ic_System.gif') no-repeat;
	background-position:5px 6px;	
	line-height:140%;
	margin-left:30px;
	*margin-left:30px;
	*padding-left:50px;	
}

/*** 歯車、リターンの見出し（太字） ***/
.supplementationGearTitle,.supplementationTurnTitle,.supplementationPenTitle,.LimitTitle{
	font-weight:bold;
	line-height:140%;
	/* margin:5px 0px 10px 0px; */
}

/*** ペン、EX、制限の基本設定 ***/
.supplementationEx,.supplementationEx2,.supplementationPen,.Limit {
	color:#ffffff;
	padding:10px 10px 10px 50px;
	border:solid 1px #ffffff;
	line-height:140%;
	margin:10px 0px 10px 0px;
}

.supplementationEx {
	background:url('../images/ic_Caution1.gif') no-repeat;
	background-position:5px 6px;
	margin-left:30px;
}

.supplementationEx2 {
	background:url('../images/ic_Caution2.gif') no-repeat;
	background-position:5px 8px;
	margin-left:30px;
	font-weight:bold;
}

.supplementationPen {
	background:url('../images/ic_Memo.gif') no-repeat;
	background-position:5px 6px;
	margin-left:30px;
}

.Limit {
	background:url('../images/ic_Limit.gif') no-repeat;
	background-position:5px 6px;
	margin-left:30px;
}


.supplementationTurn ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-20px;
	margin-right:10px;
    *margin-left:10px;
}

.supplementationGear ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-20px;
	*margin-left:10px;
}

.supplementationEx ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-20px;
	*margin-left:10px;
}

.supplementationEx2 ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-20px;
	*margin-left:10px;
}

.supplementationPen ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-20px;
	*margin-left:10px;
}

.Limit ul{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:-20px;
	*margin-left:10px;
}

.Limit ul sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
}

/*################################

 5.images

################################*/

.imgTextSmall {
	position:relative;
	font-size:12px;
	z-index:1;
}

.imgTextBig {
	position:relative;
	font-size:14px;
	z-index:1;
}

.imageFull {
	padding:10px 10px 0px 10px;
}

.imageHalf {
	padding:20px 0px 0px 10px;
}

/*インライングラフィック用*/
/*※「ol」内は別指定*/
/* 例：<span id="il"><img src="./icon/popup.jpg" alt="" /></span> */

span#il {
	vertical-align:middle;
}

/*インライングラフィック用（大きめのアイコン用）*/
/* 例：<img src="./icon/popup.jpg" alt="" class="ilB" /> */
.ilB {
	vertical-align:middle;
}


/*イラスト要求用*/
.illustRequest {
	font-size:12px;
	color:#FFFF33;
	font-weight:bold;
	display:none;
}
/*チェック必要箇所用*/
.check {
	font-size:20px;
	color:#FF3333;
	font-weight:bold;
}

.sentences {
	color:#FFFFFF;
	line-height:140%;
}

div#imageStep{
	margin:20px -30px 0px 25px;
}

/*################################

 6.list

################################*/

ol.paren {
	margin-bottom: 1.4em;
	margin-left: 0.6em;	/* PCは数値を変更 */
	color:#ffffff;
}

ol.paren li {
	position: relative;
	*position: static;
	list-style: none;
	line-height: 1.4;
	font-weight:bold;
	margin-bottom: 0.6em;
}

ol.paren span {
	position: absolute;
	*position: static;
	top: 0;
	left: -2.3em;  /* PCは数値を変更 */
}

/*インライングラフィック用*/
/* 例：<span id="il"><img src="./icon/popup.jpg" alt="" /></span> */
ol.paren span#il {
	position: static;
	vertical-align:middle;
}


ol.paren p {
	margin:0px 0px 10px 0px;
	font-weight:normal;
}

ol.paren a {
	font-weight:normal;
}

ol.paren_norm {
	margin-bottom: 1.4em;
	margin-left: 0.6em;	/* PCは数値を変更 */
}

ol.paren_norm li {
	position: relative;
	*position: static;
	*margin-left:20px;
	list-style: none;
	line-height: 1.4;
	margin-bottom: 0.3em;
}

ol.paren_norm span {
	position: absolute;
	*position: static;
	*margin-left:-40px;
	top: 0;
	left: -2.3em;　/* PCは数値を変更 */
}

/*インライングラフィック用*/
/* 例：<span id="il"><img src="./icon/popup.jpg" alt="" /></span> */
ol.paren_norm span#il {
	position: static;
	vertical-align:middle;
}


* html ol.paren li span { top: -0.1em; } /* for win ie6 */
*:first-child+html ol.paren li span { top: -0.1em; } /* for win ie7 */

ul.noStyle {
	list-style:none;
	line-height: 1.4;
}

/* アルファベット  */

ol.uA {
	margin-bottom: 1.4em;
	margin-left: 0em; 
	color:#ffffff;
}

ol.uA li {
	position: relative;
	list-style: upper-alpha;
	line-height: 1.4;
	font-weight:bold;
	margin-bottom: 0.3em;
	*position: static;
}


/* 「※」付き注意文 */
dl.note {
	margin: 0.3em 0 0;
	/* padding: 0 0px 0px; */
}
dl.note dt {
 	position: relative;
	text-indent: 0.2em;
	*position: static;

}
dl.note dt span {
	font-size:16px;
	position: absolute;
	*position: static;

}
dl.note dd {
	font-size:16px;
	left: -3em;
	padding-left: 0em;
	margin-left:35px;
	*margin-top:-25px;
}


/*################################

 7.tooltip

################################*/

.popup {
	display: none;
	background:#000F5E;
	background-image:url(../images/popUpBack.gif);
	line-height:150%;
	border-top:solid 1px #A0B3FE;
	border-bottom:solid 1px #252E4D;
	border-left:solid 1px #A0B3FE;
	border-right:solid 1px #252E4D;
	width:400px;
}
.popup strong {
	color:#FFD6AA;
}
.popup a{
	color:#FFE36E;
}
.popupClose {
	background:#253778;
	padding:0px 0px 4px 0px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	text-align:right;
	float:right;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #333;
	border-left:solid 1px #fff;
	border-right:solid 1px #333;
}

.popupClose a {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	width:30px;
	font-size:30px;
	text-align:center;		
}

.popupText {
	padding:10px;
}

sup {
	font-size:12px;
}


.popup sup {
	color:#FFD6AA;
	font-size:12px;
}
/*ボタン*/
.bt_sel {
	display:none; /* 使うときはメモ表示にする　*/

	color: #FFCC66;
	background-color: #660000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFB9B9;
	border-right-color: #420000;
	border-bottom-color: #420000;
	border-left-color: #FFB9B9;
}

.bt_sel_s {
	display:none; /* 使うときはメモ表示にする　*/
	color: #FFCC66;
	background-color: #660000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFB9B9;
	border-right-color: #420000;
	border-bottom-color: #420000;
	border-left-color: #FFB9B9;
	width:2em;
	Height:2em;
	font-size:12px;
}


/*-----------------------------------------

システム設定番号用

-----------------------------------------*/
/* 不要だと思うがこの定義が必要*/
.finding1 span#sysnum{　}

#sysnum{
	display: none;
	font-size: 14px;
	color: #ffff00;
	/* background-color: #FFFFFF;*/
	padding-left: 10px;
}

#sysnumB{
	display: none;
	font-size: 14px;
	color: #ffff00;
	padding-left: 10px;
}

#syslv {
	display: none; 
	
}
/*-----------------------------------------

 NFとPCの切替用

 NFではリンク先が無い場合があり、
 何らかの説明に切り替える必要がある。
-----------------------------------------*/

/* NFで表示する(改行を含まない範囲)*/
span.nf {
	display: none;
}
/* PCで表示する(改行を含まない範囲)*/
/* span.pc {
	display: none;
}*/

/* NFで無効にするリンク */
/* a.pc {
	pointer-events: none; 
	cursor: default;
	text-decoration: none;
}
*/


.longTitleArea{
	padding-top:5px !important;
	width:800px !important;
	line-height:80% !important;
	*line-height:50% !important;
}
